@import url('../../assets/config.less');
.flex{
  display: flex;
  flex-direction:column;
  &-top{
    padding:unit(@defPadding,px);
    background-color: #fff;
  }
  &-main{
    height:100%;
    @llw:240;
    @lmw:990;
    .layout-left{
      position: absolute;
      top:0;bottom:0;
      left:0;
      width:unit(@llw,px);
      height:100%;
    }
    .layout-middle{
      position: absolute;
      top:0;bottom:0;
      left:240px;
      width:unit(@lmw,px);
      height:100%;
      
    }
    .layout-right{
      position: absolute;
      top:0;bottom:0;
      left:unit((@llw+@lmw),px);
      right:0;
      height:100%;
    }
    .layout-left,
    .layout-middle,
    .layout-right{
      @media (max-width:unit(@mobile,px)){
        top:0;bottom:0;
        left:0;right:0;
        width:100%;height:100%;
        background:#fff;
      }
    }
  }
}
.mobileBottomBtn{
  font-size:unit(2.8,vw);
  line-height:unit(8.8,vw);
  width: 100%;
  border-left:1px solid #ccc;
  &.is1st{
    border-left:none;
  }
  &.action{
    background-color:darken(@blue,5%);
    color:#fff;
  }
}